<template>

        <div class="weekend-box">
           <h2 class="weekend-title"><img class="title-img" src="http://img1.qunarzz.com/piao/fusion/1711/89/ebc329f16c55bb02.png" alt="周末去哪儿">周末去哪儿</h2>
            <ul class="weekend-list">
                <li class="product-item" v-for="weekendlist in weekendlists" :key="weekendlist.id">
                    <img class="product-item-img" :src="weekendlist.imgUrl" :alt="weekendlist.text">
                    <p class="product-item-text">{{weekendlist.text}}</p>
                    <p class="product-item-remarks">{{weekendlist.remarks}}</p>
                </li>
            </ul>

        </div>


</template>


<script>
export default {
    name:'HomeWeekend',
    data(){
        return{


        }
    },
    props:['weekendlists']
}
</script>
<style lang="stylus" scoped>
    .weekend-box
        overflow:hidden
        padding:12px
        background-color:#fff
        margin-top:10px
        .weekend-title
            line-height:22px
            font-size:16px
            padding:13px 0
            padding-top:0
            .title-img
                width:15px
                margin-right:5px
                vertical-align: top
        .weekend-list
            width:100%
            .product-item
                margin-bottom:15px
                .product-item-img
                    width:100%
                .product-item-text
                    margin:10px 0
             


</style>
